Liquid Glass-Drawing icons 圖示的設計技巧與創作建議（指南）

基於新的設計系統更新了模板，這對你開始自己動手設計圖示時會非常有幫助。這些模板現已支援 Figma、Sketch、Photoshop 和 Illustrator 等主流設計工具https://developer.apple.com/design/resources/

Layering and Depth 分層與立體感

“圖層”是我們這套全新設計語言的核心組成之一，也是使用新材質時必須掌握的關鍵要素。從最基礎的結構來看，一個圖示至少包括一個背景層和一個前景層，就像“資訊”圖示。即使像這個例子中只有一個前景圖層，配合材質效果也能為圖示帶來豐富的視覺細節。資訊氣泡部分具有非常柔和的半透明感，同時加入的細膩陰影也讓它在視覺上更有“浮起”的立體效果。

背景層只能有一個，但前景可以包含多個圖層，它們的堆疊創造出設計亮點。"播客Take Podcasts"圖示就很好地運用了模板式（stencil）設計，讓人物圖形看起來浮在圓圈前方。現在我們用圖層技術把多個圖形層堆疊起來，打造出真正有立體感的圖示設計。

Material Consistency 材質風格與透視控制

避免使用3D寫實風格，改用平視視角設計。以國際象棋圖示為例，舊版過於寫實而影響材質效果，新版採用正面扁平設計更好地展現材質細節。使用立體感時需確保與玻璃材質協調。

有立體感的圖形應該有意識地使用，並且應以能夠配合玻璃材質的方式來設計它們。新“Preview（預覽）”圖示設計與玻璃材質的效果配合得更好，而且選擇的視角也更有目的性,它突出放大鏡的焦點區域，使圖示視覺更集中。

Translucency 半透明

它可以為設計帶來美妙的細節變化、輕盈感，並進一步增加圖示的視覺深度。這種半透明效果在淺色模式和深色模式下都表現出色，甚至在我們的透明模式中也能優雅地呈現。因為圖示背景本身就是玻璃材質，你可以透過所有半透明圖層看到底部的桌布內容。

Simplifying 簡化

少即是多- "照片"圖示展示了這種改進。舊版用透明度突出重疊花瓣的層次感，新版減少了重疊花瓣數量，讓材質之間的交匯處與反光邊緣真正成為視覺亮點。我們還更新了圖示的色彩，使其更鮮豔，並帶有染色玻璃的質感，同時保留了“照片”圖示獨有的色彩組合。

新設計也採用了我們更新後的網格，讓圖示有更多留白空間（breathing room），而新增的色彩陰影（chromatic shadows）進一步增強了玻璃材質的深度感。

減少圖示的陰影、斜角等靜態特效

由於材質本身包含了豐富的動態效果，建議減少圖示原始圖稿中內建的靜態效果Dynamic effects。（指系統自動生成的實時光影、模糊等變化；”如陰影、斜面等傳統圖層樣式，可能會與動態材質衝突。）

舊版的“Home 家庭”圖示中看到許多“預設效果”，例如投影（drop shadows）或斜面邊緣（bevelled edges）等。新版"家庭"圖示採用簡約設計，減少圖層和特效，使用圓潤形狀。透過玻璃材質處理後，圖示展現出精緻的層次感。這得益於材質的特性：半透明效果、獨立圖層陰影和高光反射，讓簡潔的設計也能呈現豐富細節。

儘量避免使用尖銳的邊緣和細線條

使用更圓潤的邊角可以讓光線更自然地沿圖形邊緣流動，就像設定圖示中那些圓滑的齒輪所呈現的效果一樣。

並不是所有圖示元素都需要使用玻璃材質處理，但對於使用材質的部分，採用較粗的線條會更好，因為這樣在較小尺寸下可以更好地保留細節。

Backgrounds 背景

由於真實光照效果是這次新風格的核心，由淺到深的柔和漸變背景最能與光線方向相協調。由淺到深的柔和漸變背景最能與光線方向相協調。

Liquid Glass使用“系統淺色”和“系統深色”漸變背景，用來替代純白或純黑的背景。這些漸變被精心設計，既保證了視覺對比度，也為玻璃材質效果提供了理想的最佳背景。

鑑於深色模式普及，建議使用彩色背景以增強模式切換時的視覺對比。這套應用圖示的新設計語言不只是視覺更新，更為創意帶來新可能。這套系統讓每個圖示都成為獨特而精緻的設計，展現你的 App 創意。

我們堅信，這標誌著圖示邁入一個新時代，它們將在品牌敘事和識別中扮演更重要的角色。所以我們鼓勵你擁抱這個新階段，勇敢探索各種可能，突破圖示設計的邊界，創造出一眼就令人驚豔的視覺體驗。